@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1281px) {}
@media screen and (max-width:1160px) {
	
.ipro li{width: 33.333%;}
.ipro li a{width:100%;}	
 .ipro .iprolist .figcaption{width:90%;height:197px;margin:10px 5% 0; } 
	}
@media screen and (max-width:1024px) {
	.ipro li{width: 100%;}
	}
@media screen and (max-width:960px) {.m-main .m-nav ul li{width:24%; }}
@media screen and (max-width:768px) {
/*public*/
.g-doc{width:100%;margin:0 auto;*zoom:1;min-width:300px;} 
.container { width:100%; margin: 0; }
.m-head .logo,.m-head .r .top-nav,.m-head .r .t,.m-head .btextr,.App,.ilink,.m-nav,.related,.iproin{display:none;}
.m-head .r{width:100%;float:none;}
.m-head .btextl{ width: 85%;margin:100px 0 0 8%;}

.m-head .navBar {height: auto;background: #fff;}
.nav {position:static;}
.navBar .show-on-mobile {display:block;}
.menu-container {width:100%;}
.menu-mobile {display:block;border-bottom:2px solid #eb3c00;}
.menu-dropdown-icon:before {display:block;}
.nav {display:none;background:#333;}
.m-head .navBar ul {width: 100%; margin: 0; position: relative; }
.m-head .navBar li {width:100%;float:none;display:block;}
.m-head .navBar li a {color:#eee;text-align:left;line-height:3em;padding:0 10px;margin:0;display:block;}
.m-head .navBar li div {display:none;}
.nav {display:none;background:#339966;}
.nav {position:static;width:100%;}
 .show-on-mobile {display:block;}
 .li125 li {width:100%;}
.nav>li>a {color:#fff;font-size:16px;text-align:left;line-height:50px;padding:0 0 0 15px;}

.pro-nav,.pro-com .hdhd .m{display:none; }
.pro-c-in{display:block;}
.pro-c-in ul li {width:45%;margin:3px 2.5%;float:left;}
.pro-c-in ul li a{display: block;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: #339966;padding-left: 38px;font-weight: 600;}
.pro-com {float:none;width:100%;margin:20px 0;}
.bigPic li img {width:30%;height:auto;max-height:268px;float:left;margin:10px 1% 10px;border:1px solid #ccc;}
.bigPic li .con {width:56%;float:left;margin:10px 0 0 3%;}
.bigPic li h3 {font-size:13px;font-weight:600;line-height:20px;}
.bigPic li .p2 {height:100px;line-height:16px;font-size:10px;}
.bigPic li .p3 a.a1 ,.bigPic li .p3 a.a2{width: 42%;font-size:10px;}

.About .About-inner .About-img {position:relative; top:0px;left:0px;}
.About .About-inner .About-img {width:100%;left:0px;margin:5px 5%;}
.About .About-inner .About-img img{width:90%;margin:auto;}
.About .About-inner .contt {padding:10px;margin:30px 0 20px 0;}
.About .About-inner .contt h1 {text-align:center;}

.App-list li{width:48%;margin:0 1%;float:left;margin-bottom:24px;position:relative;overflow:hidden;}

.About .video{float: none;width: 100%; height:auto;margin:10px 0;}
.About .pic{float: none;width: 100%; height:auto;margin:10px 0;}
.About .pic li{margin:10px 3.5%;}
.about-link a{width: 30%;height: 35px;margin: 0 1.5%;}
.news li{width:90%;height:auto;min-height:200px;margin:10px 5%;float:none;}
.project {margin:10px auto;padding:0 0 10px 0;}
.project li:nth-child(1) {width:100%;float:left;overflow:hidden;}
.project li:nth-child(1) img{width:34%;height:auto;margin:10px 3%;float:left;}
.project li:nth-child(2),.project li:nth-child(3),.project li:nth-child(4) {width:100%;float:left;overflow:hidden;margin:10px 0 0 1%;}

.content {width:100%;margin:0 auto 30px;padding-top:10px;}
.content img{width:90%;height:auto;margin:10px auto;}
.p-wrap {width:100%;float:none;}
.ipro   .iprolist {width:48%;margin:0 1% 0 1%;}

.map { height: 200px;margin:20px 0 2px 0;}
.footer {padding:36px 0 18px;}
.address {float:left;width:63%;}
.footer-ri {float:right;width:35%;}
.footer-list,.copyright{display:none;}
}
@media screen and (max-width:641px) {}
@media screen and (max-width:601px) {}
@media screen and (max-width:481px) {}
@media screen and (max-width:415px) {}
@media screen and (max-width:400px) {}
@media screen and (max-width:321px) {}